<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link rel="stylesheet" href="css/baidu.css"
</head>
<body>
    <div class="header">
        <div class="s-top-left">
            <a href="http://news.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">新闻</a>
            <a href="https://www.hao123.com" target="_blank" class="mnav c-font-normal c-color-t">hao123</a>
            <a href="http://map.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">地图</a>
            <a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="mnav c-font-normal c-color-t">视频</a>
            <a href="http://tieba.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">贴吧</a>
            <a href="http://xueshu.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">学术</a>
            <a href="http://www.baidu.com/more/" name="tj_briicon" class="s-bri c-font-normal c-color-t" target="_blank">更多</a>
        </div>
        <div class="s-top-right">
            <span class="s-top-right-text c-font-normal c-color-t">设置</span>
            <a class="s-top-login-btn c-btn c-btn-primary c-btn-mini lb" href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F&amp;sms=5" onclick="return false;">登录</a>
        </div>
    </div>

    <div class="content">
        <img class="img-baidu" src="images/百度图片.png" alt="">
        <div class="search">        
            <input class="input" type="text">
            <button class="btn-baidu">百度一下</button>     
            <img class="img-carema" src="images/camera.png" alt="">
        </div>

        <div nav-hotsearch-rank>
            <div class="s-hotsearch-title">
                <a class="hot-title" href="http://top.baidu.com/?fr=mhd_card" target="_blank">
                    <div class="title-text c-font-medium c-color-t">百度热榜</div>
                </a>
                <a class="hot-refresh c-font-normal c-color-gray2">
                    <div><img src="images/换一换.png" alt=""><span class="hot-refresh-text">换一换</span></div>
                </a>
            </div>
            <div class="left-rank">
                <ul class="s-hotsearch-content">
                    <li class="hotsearch-item odd" data-index="0">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=%E5%85%B0%E5%B7%9E%E5%85%BD%E7%A0%94%E6%89%80%E5%B8%83%E7%97%85%E5%A4%8D%E6%A0%B8%E9%98%B3%E6%80%A73245%E4%BA%BA&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字.png" alt=""><span class="title-content-title">兰州兽研所布病确认阳性3245人</span><span class="title-content-mark mark-type-3"></span>
                        </a>
                    </li>
                    <li class="hotsearch-item odd" data-index="1">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=%E7%91%9E%E4%B8%BD%E8%82%89%E4%BB%B7%E9%A3%9E%E6%B6%A8%E8%87%B3100%E5%85%83&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字2.png" alt=""><span class="title-content-title">云南瑞丽肉价飞涨至100元</span><span class="title-content-mark mark-type-0"></span>
                        </a>
                    </li>
                    <li class="hotsearch-item odd" data-index="2">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=%E9%95%87%E5%85%9A%E5%A7%94%E4%B9%A6%E8%AE%B0%E5%BC%80%E4%BC%9A%E9%AA%82%E4%BA%BA%E8%A2%AB%E8%AF%89%E7%B4%A2%E8%B5%941%E5%85%83&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字 3.png" alt=""><span class="title-content-title">镇党委书记开会骂人被诉索赔1元</span><span class="title-content-mark mark-type-0"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="right-rank">
                <ul class="s-hotsearch-content">
                    <li class="hotsearch-item even" data-index="3">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=70%E5%A4%9A%E4%BA%BA%E5%9B%A2%E5%BB%BA23%E4%BA%BA%E8%A2%AB%E9%A9%AC%E8%9C%82%E8%9B%B0%E7%B4%A7%E6%80%A5%E9%80%81%E5%8C%BB&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字 4.png" alt=""><span class="title-content-title">70多人团建23人被马蜂蛰紧急送医</span><span class="title-content-mark mark-type-1"></span></a>
                    </li>
                    <li class="hotsearch-item even" data-index="4">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=%E5%B9%BF%E5%B7%9E%E9%80%9A%E6%8A%A5%E4%BA%B2%E5%AD%90%E9%89%B4%E5%AE%9A%E9%80%A0%E5%81%87%E4%BA%8B%E4%BB%B6&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字-5.png" alt=""><span class="title-content-title">广州通报亲子鉴定造假事件</span><span class="title-content-mark mark-type-0"></span>
                        </a>
                    </li>
                    <li class="hotsearch-item even" data-index="5">
                        <a class="title-content c-link c-font-medium c-line-clamp1" href="https://www.baidu.com/s?cl=3&amp;tn=baidutop10&amp;fr=top1000&amp;wd=%E5%BE%90%E9%9D%99%E8%95%BE%E6%99%92%E4%B8%8E%E9%BB%84%E7%AB%8B%E8%A1%8C%E6%97%A7%E7%85%A7&amp;rsv_idx=2&amp;rsv_dl=fyb_n_homepage&amp;hisfilter=1" target="_blank">
                            <img src="images/数字6.png" alt=""><span class="title-content-title">徐静蕾晒与黄立行旧照秀恩爱</span><span class="title-content-mark mark-type-0"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="s-bottom-layer-left">
            <p class="lh">
                <a class="c-color-gray2" href="//www.baidu.com/cache/setindex/index.html" target="_blank">设为首页</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="//home.baidu.com" target="_blank">关于百度</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="http://ir.baidu.com" target="_blank">About Baidu</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="https://isite.baidu.com/site/e.baidu.com/d38e8023-2131-4904-adf7-a8d1108f51ef?refer=888" target="_blank">百度营销</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="//www.baidu.com/duty" target="_blank">使用百度前必读</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="//help.baidu.com/newadd?prod_id=1&amp;category=4" target="_blank">意见反馈</a>
            </p>
            <p class="lh">
                <a class="c-color-gray2" href="//help.baidu.com" target="_blank">帮助中心</a>
            </p>
        </div>
        <div class="s-bottom-layer-right">
            <span class="lh">©2020&nbsp;Baidu&nbsp;</span>
            <span class="lh">(京)-经营性-2017-0020</span>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">
                <span class="lh s-bottom-recordcode">京公网安备11000002000001号</span>
            </a>
            <span class="lh">京ICP证030173号</span>
        </div>
    </div>

    <div>
        <div class="qrcode-nologin">
            <div class="qrcode-layer icon-mask-wrapper">
                <img class="icon" src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/qrcode/qrcode@2x-daf987ad02.png">
            </div>
        </div>
    </div>

</body>
</html>